{% extends "base.html" %}
{% load static i18n staticfiles %}

{% block css %}
    <link href="{% static "css/index/carouse.css" %}" rel="stylesheet">
{% endblock css %}

{% block content %}


<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li class="" data-target="#myCarousel" data-slide-to="1"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="{% static "image/tcm_1.jpeg" %}" alt="First slide">
            <div class="container">
                <div class="carousel-caption">
                    <h1 class="text-primary">YaTCM</h1>
                    <p class="text-info">
Yet another Traditional Chinese Medicine (YaTCM) is a systematic database to present information and bridge the gap between Traditional Chinese Medicine and modern life sciences. We have integrated information on five aspects of TCM including prescriptions, herbs, herbal ingredients, related or predictive disease targets and pathways.</p>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="{% static "image/tcm_2.jpg" %}" alt="Second slide">
            <div class="container">
                <div class="carousel-caption">
                    <h1>YaTCM</h1>
                    <p style="color: black">The five data fields in YaTCM are inextricably interwoven with their intrinsic relations. One prescription contains herbs, one herb holds various ingredients (structure), an ingredient (or a drug) interact with their target protein, dysfunctional protein/genes can cause diseases, protein/genes located in some metabolic pathway. Above all provides a systematic paradigm for facilitating combination therapy and potential mechanisms of exhaustive research for TCM at the molecular level.</p>
                </div>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
    </a>
</div>



<div class="container marketing">

    <!-- Three columns of text below the carousel -->
    <div class="row">
        <div class="col-lg-4">
            <img class="img-circle" src="{% static "image/2.jpg" %}" alt="Generic placeholder image" style="width: 140px; height: 140px;">
            <h2>Prescriptions</h2>
            <p>YaTCM collected 393 prescription through text mining of the books (Fangji Xue), which include Chinese name, English name, composition and dosage, traditional and modern usage.</p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
            <img class="img-circle" src="{% static "image/3.jpg" %}" alt="Generic placeholder image" style="width: 140px; height: 140px;">
            <h2>Herbs</h2>
            <p>YaTCM collected 7629 herbs including Chinese name, English name,  Taxonomy classified information, Chinese wiki’s link, English wiki’s link and picture. Each item lists the all the related prescriptions and ingredients in database.</p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
            <img class="img-circle" src="{% static "image/1.jpg" %}" alt="Generic placeholder image" style="width: 140px; height: 140px;">
            <h2>Compounds</h2>
            <p>YaTCM collected 34680 herbal ingredients including Chinese name, English name, synonyms, structure and related attributes, related herbs, related compound in database itself, similar compounds in ChEMBL, potential protein targets, related KEGG metabolism pathway mappings.</p>
        </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->

    <hr class="featurette-divider">

    <!-- /END THE FEATURETTES -->


</div>
{% endblock content %}

{% block js %}
    <script src="{% static "js/index/doc.js" %}"></script>
{% endblock js %}
